<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>安静支援</title>

    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet/less" href="./assets/css/reset.less">
    <link rel="stylesheet/less" href="./assets/css/common.less">
    <link rel="stylesheet/less" href="./assets/css/index.less">
    <!-- 百度地图 -->
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=lc157iTGgIH9rzWgDncPpAFDaflGbzCn"></script>
</head>

<body>
    <header class="header">
        <div class="list glyphicon glyphicon-th-list"></div>
        <div class="logo">
            <img src="./assets/images/logo.png" alt="">
        </div>
        <div class="search glyphicon glyphicon-search"></div>
    </header>

    <div class="banner">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="./assets/images/banner.png" alt="...">
                </div>

                <div class="item">
                    <img src="./assets/images/banner.png" alt="...">
                </div>

                <div class="item">
                    <img src="./assets/images/banner.png" alt="...">
                </div>
            </div>
        </div>
    </div>

    <div class="listfeng">
        <div class="title">
            <span>风险投资</span>
        </div>
        <div class="list">
            <ul>
                <li>
                    <img src="./assets/images/bangong.png" alt="">
                    <span>办公室</span>
                </li>
                <li>
                    <img src="./assets/images/gongye.png" alt="">
                    <span>工业</span>
                </li>
                <li>
                    <img src="./assets/images/jiaju.png" alt="">
                    <span>个人/家居</span>
                </li>
                <li>
                    <img src="./assets/images/qita.png" alt="">
                    <span>其他行业</span>
                </li>
            </ul>
        </div>
    </div>

    <div class="listbox">
        <div class="back">
            <img src="./assets/images/移动端_02.jpg" />
        </div>
        <div class="content">
            <h3 class="subject">专业咨询</h3>
            <div class="info">
                <a href="javascript:void(0)">个人咨询</a>
                <a href="javascript:void(0)">企业咨询</a>
            </div>
        </div>
        <div class="back">
            <img src="./assets/images/移动端_04.jpg" />
        </div>
        <div class="content">
            <h3 class="subject">专业咨询</h3>
            <div class="info">
                <a href="javascript:void(0)">个人咨询</a>
                <a href="javascript:void(0)">企业咨询</a>
            </div>
        </div>
        <div class="back">
            <img src="./assets/images/移动端_06.jpg" />
        </div>
        <div class="content">
            <h3 class="subject">专业咨询</h3>
            <div class="info">
                <a href="javascript:void(0)">个人咨询</a>
                <a href="javascript:void(0)">企业咨询</a>
            </div>
        </div>
    </div>

    <div class="app">
        <div class="title">
            <span>人体工学的介绍和应用</span>
        </div>

        <div class="pic">
            <img src="./assets/images/app_03.jpg" alt="">
        </div>

        <div class="ourapp">
            <div class="all">
                <div class="job">
                    <img src="./assets/images/形状 2.png" alt="">
                    <span>职业应用</span>
                </div>
                <div class="personal">
                    <img src="./assets/images/形状 3.png" alt="">
                    <span>个人/家居应用</span>
                </div>
            </div>
            <div class="other">
                <img src="./assets/images/形状 4.png" alt="">
                <span>其他应用</span>
            </div>
        </div>
    </div>

    <div class="contact">
        <div class="title">联系我们</div>

        <div class="content">
            <div class="line">
                <img src="./assets/images/contact_phone.png" alt="">
                <span>+86 13719951428</span>
            </div>
            <div class="line2">
                <div class="item">
                    <img src="./assets/images/contact_letter.png" alt="">
                    <span>+86 13719951428</span>
                </div>
                <div class="item" style="margin-left:1em;">
                    <img src="./assets/images/contact_email.png" alt="">
                    <span>ergo168@qq.com</span>
                </div>
            </div>
            <div class="line">
                <img src="./assets/images/contact_space.png" alt="">
                <span>广州市天河区珠江新城珠江西路高德置地D座15楼</span>
            </div>
        </div>

        <div class="map" id="map"></div>

    </div>

    <div class="footer">
        <a href="javascript:void(0)" class="item">
            <span class="glyphicon glyphicon-home"></span>
            <span>首页</span>
        </a>
        <a href="javascript:void(0)" class="item">
            <span class="glyphicon glyphicon-calendar"></span>
            <span>关于我们</span>
        </a>
        <a href="javascript:void(0)" class="item">
            <span class="glyphicon glyphicon-book"></span>
            <span>风险评估</span>
        </a>
        <a href="javascript:void(0)" class="item">
            <span class="glyphicon glyphicon-user"></span>
            <span>用户中心</span>
        </a>
    </div>
</body>

</html>

<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/wow.min.repeat.js"></script>

<script>
    new WOW().init()

    var map = new BMap.Map("map");     

    // 初始化地图,设置中心点坐标和地图级别
    map.centerAndZoom(new BMap.Point(113.26197, 23.10379), 12);

    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
              BMAP_NORMAL_MAP,
              BMAP_HYBRID_MAP
    ]}));   
    map.setCurrentCity("广州");  // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>